<template>
	<view class="back-btn" @click="back" :style="{ bottom: safeAreaBottom + 'px' }"  >
		<text> 返回 </text>
	</view>
</template>

<script>
	export default {
		name:"backBtn",
		data() {
			return {
				safeAreaBottom: 0
			}
		},
		methods: {
			back() {
				uni.navigateBack()
			},
			getSafeAreaInfo() {
			    const systemInfo = uni.getSystemInfoSync();
			    const windowHeight = systemInfo.windowHeight;
			    const safeAreaBottom = windowHeight - systemInfo.safeArea.bottom;
			    this.safeAreaBottom = safeAreaBottom;
			}
		}
	}
</script>

<style lang="scss">
   .back-btn {
	   position: fixed;
	   box-sizing: border-box;
	   width: 100%;
	   color: white;
	   padding: 26rpx 20rpx;
	   font-size: 66rpx;
	   text-align: center;
	   border-radius: 10rpx;
	   background: rgba(131, 120, 120, 0.3);
   }
</style>